<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>个人简历</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="css/style.css"/>
    <script src="../../js/jquery-1.9.1.js"></script>
</head>

<body>
<div class="slide">
    <div class="slide-box">
        <div class="sMain">
            <div class="sMain-1">
                <div class="gxs-tx">
                    <img src="images/gxs_tx.png" alt="">
                </div>
                <div class="gxs-title">
                    <img src="images/gxs_title.png" alt="">
                </div>
                <div class="gxs-text">
                    <p><span>高晓松</span></p>
                    <p>Web前端工程师</p>
                </div>
            </div>
        </div>
        <div class="sMain" style="">
            <div class="sMain-2">
                <div class="sMain-title">个人资料</div>
                <div class="sMain-text-warp">
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>毕业院校</div>
                        <div class="sMain-text-body">
                            <p>北京财经专修学院</p>
                        </div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>籍贯</div>
                        <div class="sMain-text-body">
                            <p>山西省临汾市</p>
                        </div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>电话</div>
                        <div class="sMain-text-body">
                            <p>15601064107</p>
                        </div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>邮箱</div>
                        <div class="sMain-text-body">
                            <p>704041637@qq.com</p>
                        </div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>出生日期</div>
                        <div class="sMain-text-body">
                            <p>1994年</p>
                        </div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>工作经验</div>
                        <div class="sMain-text-body">
                            <p>3年</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="sMain" style="">
            <div class="sMain-2">
                <div class="sMain-title">开发工具</div>
                <div class="sMain-text-warp">
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>我的IDE</div>
                        <div class="sMain-text-body">
                            <div class="icon-kfgj">
                                <div class="icon-kfgj-img">
                                    <img src="images/ws.png">
                                </div>
                                <p>WebStorm</p>
                            </div>
                            <div class="icon-kfgj">
                                <div class="icon-kfgj-img">
                                    <img src="images/s.png">
                                </div>
                                <p>Sublime</p>
                            </div>
                        </div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>我的技能</div>
                        <div class="sMain-text-body">
                            <div class="icon-kfgj">
                                <div class="icon-kfgj-img">
                                    <img src="images/H5.png">
                                </div>
                                <p>HTML5</p>
                            </div>
                            <div class="icon-kfgj">
                                <div class="icon-kfgj-img">
                                    <img src="images/css.png">
                                </div>
                                <p>css3</p>
                            </div>
                            <div class="icon-kfgj">
                                <div class="icon-kfgj-img">
                                    <img src="images/js.png">
                                </div>
                                <p>Javascript</p>
                            </div>
                            <div class="icon-kfgj">
                                <div class="icon-kfgj-img">
                                    <img src="images/b.png">
                                </div>
                                <p>Bootstrap</p>
                            </div>
                            <div class="icon-kfgj">
                                <div class="icon-kfgj-img">
                                    <img src="images/jq.png">
                                </div>
                                <p>jQuery</p>
                            </div>
                            <div class="icon-kfgj">
                                <div class="icon-kfgj-img">
                                    <img src="images/vue.png">
                                </div>
                                <p>vue</p>
                            </div>
                        </div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>我的辅助工具</div>
                        <div class="sMain-text-body">
                            <div class="icon-kfgj">
                                <div class="icon-kfgj-img">
                                    <img src="images/ps.png">
                                </div>
                                <p>Photoshop</p>
                            </div>
                            <div class="icon-kfgj">
                                <div class="icon-kfgj-img">
                                    <img src="images/ai.png">
                                </div>
                                <p>Illustrator</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="sMain" style="">
            <div class="sMain-2">
                <div class="sMain-title">职业技能</div>
                <div class="sMain-text-warp">
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>前端技能</div>
                        <div class="sMain-text-body">
                            <p>1、精通原生JavaScript、Ajax、DOM等前端技术，深入了解JavaScript及其面向对象的编程思想；</p>
                            <p>2、精通DIV+CSS页面架构和布局方式以及HTML5/CSS3等相关技术，深刻理解WEB标准和浏览器兼容性、对Web语义化等有深刻理解，能够开发响应式网站；</p>
                            <p>3、实现与视觉稿、交互稿一致的跨平台、浏览器、兼容性好的移动端页面和PC页面</p>
                            <p>4、熟悉 jQuery、MVC(vue/Angular/React) 以及相关路由等前端常用类库；</p>
                            <p>5、熟悉Nodejs，能利用Nodejs开发工具，使用Nodejs搭建webpack、gulp等构建过程；</p>
                            <p>6、有移动端开发的实际项目经验，对移动端开发和性能优化有一定经验；</p>
                            <p>7、熟练使用Photostop，sketch，WebStrom，sublime等工作相关软件；</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="sMain" style="">
            <div class="sMain-2">
                <div class="sMain-title">工作经历</div>
                <div class="sMain-text-warp">
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>六行君通信息 | <span>web前端开发</span></div>
                        <div class="sMain-text-body">
                            <p>岗位职责：</p>
                            <p>根据设计图使用 html+css+javascript 制作成符合w3c标准的页面；</p>
                            <p>配合后台以及运营进行相关页面的修改；</p>
                            <p>网站定期维护；</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="sMain" style="">
            <div class="sMain-2">
                <div class="sMain-title">工作经历</div>
                <div class="sMain-text-warp">
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>六行普惠 | <span>web前端开发</span></div>
                        <div class="sMain-text-body">
                            <p><span>涉及项目：</span></p>
                            <p>1：根据UI效果图切图，并写成html页面；</p>
                            <p>2：开发工作需要插件；</p>
                            <p>3: 使用npm包管理器搭建webpack自动化构建工程；</p>
                            <p>4：使用vue+vue-router搭建前端框架，进行前后端分离；</p>
                            <p>5：使用less做css编译；</p>
                            <p>6：使用git做版本控制</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="sMain" style="">
            <div class="sMain-2">
                <div class="sMain-title">工作经历</div>
                <div class="sMain-text-warp">
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>司空科技 | <span>web前端开发</span></div>
                        <div class="sMain-text-body">
                            <p><span>岗位职责：</span></p>
                            <p>根据产品需求,理清业务逻辑，编写前端页面界面以及处理用户端业务逻辑；</p>
                            <p>使用html5+css进行页面布局以及响应式页面布局；</p>
                            <p>使用less做css编译</p>
                            <p>使用jquery以及原生js开发项目中所需的插件；</p>
                            <p>移动端性能优化，优化加载速度，适配不同分辨率下显示效果；</p>
                            <p>视觉图像素级重构，准确的还原设计；</p>
                            <p>解决不同浏览器下js的兼容问题；</p>
                            <p>协助后端工程师完成功能接口的调试；</p>
                            <p>配合产品经理和UI设计师 ，研究并改善用户体验；</p>
                            <p>负责产品的持续迭代工作</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="sMain" style="">
            <div class="sMain-2">
                <div class="sMain-title">作品展示</div>
                <div class="sMain-text-warp">
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>司空H5</div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>999套餐</div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>烟台专题</div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>召集令</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="sMain" style="">
            <div class="sMain-2">
                <div class="sMain-title">个人项目</div>
                <div class="sMain-text-warp">
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>gxs-style框架库</div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>基于vue开发的音乐播放器</div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>仿ios滚动选择效果</div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>基于react开发的个人网站</div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>原生js开发的日历插件</div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>原生js开发的轮播图插件</div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>原生js开发的拖拽库</div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>基于jquery开发的瀑布流插件</div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>基于jquery开发的无缝滚动轮播图插件</div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>h5-弹出层</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="sMain" style="">
            <div class="sMain-2">
                <div class="sMain-title">联系我</div>
                <div class="sMain-text-warp">
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>手机 | <span>15601064107</span></div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>邮箱 | <span>704041637@qq.com</span></div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>个人网站 | <a href="http://www.gxspp.com"><span>http://www.gxspp.com</span></a></div>
                    </div>
                    <div class="sMain-text">
                        <div class="sMain-text-head"><i class="gxs_icon"></i>不忘初心，方能始终</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <ul class="slide-item"></ul>
</div>
<script src="js/slide.js"></script>
<script>
    Slider.newClass({
        slide: document.querySelector(".slide"),
        switch: false
    });
</script>
</body>

</html>
